<template>
    <div class="box-content">
        <group>
            <x-input title="险种名称" placeholder="请输入险种名称" novalidate  :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="投保人名称" placeholder="请输入投保人名称" novalidate :show-clear="false" placeholder-align="right" text-align="right"></x-input>
        </group>
        <group>
            <x-input title="险种名称" placeholder="请输入险种名称" novalidate  :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="投保人名称" placeholder="请输入投保人名称" novalidate :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="险种名称" placeholder="请输入险种名称" novalidate  :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="投保人名称" placeholder="请输入投保人名称" novalidate :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="险种名称" placeholder="请输入险种名称" novalidate  :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="投保人名称" placeholder="请输入投保人名称" novalidate :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="险种名称" placeholder="请输入险种名称" novalidate  :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="投保人名称" placeholder="请输入投保人名称" novalidate :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="险种名称" placeholder="请输入险种名称" novalidate  :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="投保人名称" placeholder="请输入投保人名称" novalidate :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="险种名称" placeholder="请输入险种名称" novalidate  :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="投保人名称" placeholder="请输入投保人名称" novalidate :show-clear="false" placeholder-align="right" text-align="right"></x-input>
        </group>
        <group>
            <x-input title="险种名称" placeholder="请输入险种名称" novalidate  :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="投保人名称" placeholder="请输入投保人名称" novalidate :show-clear="false" placeholder-align="right" text-align="right"></x-input>
        </group>
        <group>
            <x-input title="险种名称" placeholder="请输入险种名称" novalidate  :show-clear="false" placeholder-align="right" text-align="right"></x-input>
            <x-input title="投保人名称" placeholder="请输入投保人名称" novalidate :show-clear="false" placeholder-align="right" text-align="right"></x-input>
        </group>
        <box gap="10px 10px">
            <group>
                <x-button type="primary" @click.native="getInfo">primary</x-button>
                <x-button type="primary" @click.native="pre">返回</x-button>
                <x-button type="warn" v-on:click.native="alert">alert</x-button>
            </group>
        </box>
    </div>
</template>

<script>
    import { XInput,XButton } from 'vux'
    const components = { XInput,XButton };
    export default {
        name: "index",
        components:components,
        data(){
            return {

            }
        },
        methods:{
            pre(){
                this.$vux.toast.text("pre",'middle');
                this.$router.push('/loading');
            },
            getInfo(){
                console.log("start");
                let param = {
                    appId: "YDCRM",
                    password: "YDCRM1121",
                    requestBody: {APPID: "17",
                        APPKEY: "adad3fad68f28ee1f843fe7a1c1c1771",
                        BRANCHCODE: "5020100",
                        CALLFUNCTION: "RYXINFO",
                        ENDDATE: "",
                        JOININSUREDNAME: "",
                        PAGENO: 1,
                        PAGESIZE: "10",
                        STARTDATE: "",
                        TASKCODE: "PAI_ENTER",
                        TASKSTATUS: "01",
                        USERCODE: "999",
                        UTEL: ""
                    },
                    requestCode: "ZTPZTB00000001",
                    token: "e252a7f2-5b15-47fd-8311-1d33fcef216a",
                    version: "1.00"
                }
                this.$axios({
                    method:"post",
                    url:'/outerServer',
                    data:param
                }).then((result)=>{
                    console.log(result);
                })
            },
            alert(){
                console.log(this.$axios);
                this.$utils.alert("123123");
            }
        }
    }
</script>

<style scoped>
.box-content{
    background:#F5F5F5;
}
</style>
